<head>
	<!--<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-2.0.3.js"></script>-->
	
	
	<script>
	  
	  $(function () 
	  {
		
	   	$("#Consult_UsuarioCalendarioDesdeFecha").datepicker(
	    								{
	    									 changeMonth: true,
									         changeYear: true,
									         onClose: function( selectedDate)
									         {
									         	$("#Consult_UsuarioCalendarioHastaFecha").datepicker("option","minDate", selectedDate);
									         }
									         
	    								}
	    							  );
	    							  
	  	$("#Consult_UsuarioCalendarioHastaFecha").datepicker(
	    								{
	    									 changeMonth: true,
									         changeYear: true,
									         onClose: function( selectedDate)
									         {
									         	$("#Consult_UsuarioCalendarioDesdeFecha").datepicker("option","maxDate", selectedDate);
									         }
	    								}
	    							  );
	   	 $.datepicker.regional['es'] = 
		 {
	        closeText: 'Cerrar',
	        prevText: '<Ant',
	        nextText: 'Sig>',
	        currentText: 'Hoy',
	        monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
	        monthNamesShort: ['Ene','Feb','Mar','Abr', 'May','Jun','Jul','Ago','Sep', 'Oct','Nov','Dic'],
	        dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
	        dayNamesShort: ['Dom','Lun','Mar','Mié','Juv','Vie','Sáb'],
	        dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sá'],
	        weekHeader: 'Sm',
	        dateFormat: 'dd/mm/yy',
	        firstDay: 1,
	        isRTL: false,
	        showMonthAfterYear: false,
	        yearSuffix: ''
	    };
	    $.datepicker.setDefaults($.datepicker.regional['es']);
							  
	    
		
		

	  });

	</script>
	<script>
		
	   	function llenar_datos()
	   	{

	   		var fecha_date_desde = <?php echo ($fecha_inic+86400)*1000;?>;
	   		var fecha_date_hasta = <?php echo ($fecha_fin+86400)*1000;?>;
	   		$('#Consult_UsuarioCalendarioDesdeFecha').datepicker('setDate',new Date(fecha_date_desde));
	   		$('#Consult_UsuarioCalendarioHastaFecha').datepicker('setDate',new Date(fecha_date_hasta));
	   		
	   		
	   		$("#Consult_UsuarioCalendarioHastaFecha").datepicker("option","minDate", fecha_date_desde);
	   		$("#Consult_UsuarioCalendarioDesdeFecha").datepicker("option","maxDate", fecha_date_hasta);

	    }
	    
	</script>
	<script>
		function seleccionar_todos($id)
	   	{
				$(".check_box_usuario").prop("checked",$id);
				$(".check_box_usuario").attr("checked",$id);
				
	    }
		function activar_deactivar_button($id_user,$id_deac_ac)
		{
			
			if ($id_deac_ac)
    		{
				if(confirm("Desea Activar el(los) Usuario(s) Seleccionado(s) ?"))
				{
					
					var url = "/BackEndRecursosHumanos/users/proceso_activacion_desactivacion_usuario/"+$id_user+"/1/1";
					
					$('#grid_consultar').hide('fast');
					
					$.get(url,
						    {})
						    .done(function(data, textStatus, jqXHR) 
					        {
						 		alert("done");
								showGridConsulUsuario();
					        })
						    .fail(function(jqXHR, textStatus, errorThrown) 
						    {
						        alert("fail");
								showGridConsulUsuario();
							});
					
					
				}
				
			}
			else
			{
				if(confirm("Desea Desactivar el(los) Usuario(s) Seleccionado(s) ?"))
				{
			    	
				    var url = "/BackEndRecursosHumanos/users/proceso_activacion_desactivacion_usuario/"+$id_user+"/2/1";
					alert(url);
					$('#grid_consultar').hide('fast');
					
					$.get(url,
						    {})
						    .done(function(data, textStatus, jqXHR) 
					        {
						 		alert("done");
		 						showGridConsulUsuario();
						 		
					        })
						    .fail(function(jqXHR, textStatus, errorThrown) 
						    {
						        alert("fail");
		 						showGridConsulUsuario();
								
							});
					
				}
			}
				
		}
		function activar_deactivar_selecionados($id_deac_ac)
	   	{
	   		
	   		
	   		var id;
	   		$('#usuarios_seleccionados').val('');
		    $("#tabla_usuario tr td .check_box_usuario:checked").each(function(index) 
		    {
		           id = $(this).attr('id');
		          
		           $('#usuarios_seleccionados').val($('#usuarios_seleccionados').val()+','+id);
		           
		           
		    });
		    
		    
				
				if ($('#usuarios_seleccionados').val() != "")
		    	{
					if ($id_deac_ac)
	        		{
						if(confirm("Desea Activar el(los) Usuario(s) Seleccionado(s) ?"))
						{
							
							var url = "/BackEndRecursosHumanos/users/proceso_activacion_desactivacion_usuario/"+$('#usuarios_seleccionados').val()+"/1/2";
							
							$('#grid_consultar').hide('fast');
							
							$.get(url,
								    {})
								    .done(function(data, textStatus, jqXHR) 
							        {
								 		alert("done");
										showGridConsulUsuario();
							        })
								    .fail(function(jqXHR, textStatus, errorThrown) 
								    {
								        alert("fail");
										showGridConsulUsuario();
									});
							
							
						}
						
					}
					else
					{
						if(confirm("Desea Desactivar el(los) Usuario(s) Seleccionado(s) ?"))
						{
					    	
						    var url = "/BackEndRecursosHumanos/users/proceso_activacion_desactivacion_usuario/"+$('#usuarios_seleccionados').val()+"/2/2";
							alert(url);
							$('#grid_consultar').hide('fast');
							
							$.get(url,
								    {})
								    .done(function(data, textStatus, jqXHR) 
							        {
								 		alert("done");
				 						showGridConsulUsuario();
								 		
							        })
								    .fail(function(jqXHR, textStatus, errorThrown) 
								    {
								        alert("fail");
				 						showGridConsulUsuario();
										
									});
							
						}
					}
				}
	   	}
	</script>
	<script>
		$( "#id_cambio_username" ).submit(function( event ) 
		{
 
			  // Stop form from submitting normally
			  event.preventDefault();
			 
			  // Get some values from elements on the page:
			  var $form = $( this ),
			    term = $form.find( "input[name='data']" ).val(),
			    url = $form.attr( "action" );
			 
			  // Send the data using post
			  var posting = $.post( url, { s: term } );
		});
	</script>
	<script>

		function editUsuario($id)
		{
			event.preventDefault();
			
			switch ($id)
			{
				case 1: // Cambiar Nombre
				
						// Stop form from submitting normally
						// Get some values from elements on the page:
					  	var $form = $( '#id_cambio_username' ),
						
						term1 = $form.find( "input[name='data[User][username]']" ).val(),
						term2 = $form.find( "input[name='data[User][id]']" ).val(),
						term3 = $form.find( "input[name='data[User][id_accion]']").val(),
						url = $form.attr( "action" );
						// Send the data using post
					  	//var posting = $.post( url, {id: term2, username: term1,submit:true} );
					  	$("#form_detalle").hide("slow");
					  	$.post(url,
								    {id: term2, username: term1, id_accion: term3,submit:true})
								    .done(function(data, textStatus, jqXHR) 
							        {
								 		alert("done");
								 		$('#form_detalle').html(data);
							        })
								    .fail(function(jqXHR, textStatus, errorThrown) 
								    {
								        alert("fail");
								        $('#form_detalle').html(textStatus);
									    alert(jqXHR);
									    alert(errorThrown);
								    });
						setTimeout(function() 
						{
							$("#form_detalle").show("fast");
							
						}, 1000);
					  	
						
						/*$.post("http://"+ document.domain +"/BackEndRecursosHumanos/Users/postEditUsuario/"+
        									$id+"/"+
        									$("#UserId").val()+"/"/*+
        									$("#UserUsername").val()+"/",
        									function(data){
        													$("#form_detalle").hide("slow");
        													showEditUsuario($("#UserId").val());
        											
        											
        													});*/
					break;
				case 2: // Cambiar Password
						
						var $form = $( '#id_cambio_password' ),
						
						term1 = $form.find( "input[name='data[User][id]']" ).val(),
						term2 = $form.find( "input[name='data[User][id_accion]']").val(),
						term3 = $form.find( "input[name='data[User][password]']").val(),
						url = $form.attr( "action" );
					
						// Send the data using post
					  	//var posting = $.post( url, {id: term2, username: term1,submit:true} );
					  	$("#form_detalle").hide("slow");
					  	$.post(url,
								    {id: term1, password: term3, id_accion: term2, submit:true})
								    .done(function(data, textStatus, jqXHR) 
							        {
								 		alert("done");
								 		$('#form_detalle').html(data);
							        })
								    .fail(function(jqXHR, textStatus, errorThrown) 
								    {
								        alert("fail");
								        $('#form_detalle').html(textStatus);
									    alert(jqXHR);
									    alert(errorThrown);
								    });
						setTimeout(function() 
						{
							$("#form_detalle").show("fast");
							
						}, 1000);
						
					break;
				case 3: // Cambiar Status
						
						alert($("#status_user").val());
						$.get("/BackEndRecursosHumanos/users/proceso_activacion_desactivacion_usuario/"+
        									$("#UserId").val()+"/"+
        									$("#status_user").val()+"/1",
        									function(data){
        											$("#form_detalle").hide("slow");
        											showEditUsuario($("#UserId").val());
        											
        										});
					break;
			}
		}
		
		function showConsult()
		{
			$("#form_detalle").hide("slow");
			setTimeout(function() 
			{
				$("#consultar_usuario").show("fast");
				
			}, 1000);
			
			setTimeout(function() 
			{
				showGridConsulUsuario();
				
			}, 500);
			
		}
		
		function showBuscador()
		{
			$("#link").hide("fast");
			$('#grid_consultar').hide('fast');
			setTimeout(function() 
			{
				$("#buscador").show("fast");
			}, 1000);
		}
		
		function showGridConsulUsuario()
		{
			$("#buscador").hide("fast");
			
			setTimeout(function() 
			{
				$("#link").show("fast");
			}, 1000);
			
			var nombre_usuario = "";
			var cedula_usuario = "";
			var fecha_desde = new Date($("#Consult_UsuarioCalendarioDesdeFecha").datepicker('getDate')).getTime()/1000;
	   		var fecha_hasta = new Date($("#Consult_UsuarioCalendarioHastaFecha").datepicker('getDate')).getTime()/1000;
	   		
	   		var param_nombre_usuario = "";
	   		var id_tipo_busq = $("#Consult_UsuarioTipoDeBusqueda").val();
	   		var param_tipo_busq =  $("#Consult_UsuarioTipoDeBusqueda [value='"+id_tipo_busq+"']").text();
	   		var param_cedula_usuario = "";
	   		var param_tipo_usuario = "";
	   		var param_fecha_desde = $("#Consult_UsuarioCalendarioDesdeFecha").val();
	   		var param_fecha_hasta = $("#Consult_UsuarioCalendarioHastaFecha").val();
	   		
			
			if ($('#Consult_UsuarioNombreUsuarioBusq').val() == "")
			{
				
				nombre_usuario = '*';
				param_nombre_usuario = "*No Aplica*";
			}
			else
			{
				
				nombre_usuario = $('#Consult_UsuarioNombreUsuarioBusq').val();
				param_nombre_usuario = '"'+nombre_usuario+'"';
			}
			
			if ($('#Consult_UsuarioCedulaUsuarioBusq').val() == "")
			{
				
				cedula_usuario = '*';
				param_cedula_usuario = "*No Aplica*";
			}
			else
			{
				
				cedula_usuario = $('#Consult_UsuarioCedulaUsuarioBusq').val();
				param_cedula_usuario = '"'+cedula_usuario+'"';
			}
			
			if ($('#Consult_UsuarioTipoDeUsuario').val() == 0)
        	{
        		param_tipo_usuario = "Todos";
        	}
        	else
        	{
        		var id_tipo_usuario = $('#Consult_UsuarioTipoDeUsuario').val();
        		param_tipo_usuario = $("#Consult_UsuarioTipoDeUsuario [value='"+id_tipo_usuario+"']").text();
        	}
        	
        	
        	$.get("/BackEndRecursosHumanos/Users/getGridConsultUsuario/"+
        			$('#Consult_UsuarioTipoDeBusqueda').val()+"/"
        			+$('#Consult_UsuarioTipoDeUsuario').val()+"/"
        			+fecha_desde+"/"
        			+fecha_hasta+"/"
        			+nombre_usuario+"/"
        			+cedula_usuario, function(data) {
        												$('#tipo_de_busq').text(' Tipo de Busqueda: '+ param_tipo_busq );
        												$('#nombre_usuario_busq').text(' Nombre de Usuario: '+ param_nombre_usuario );
														$('#cedula_usuario_busq').text(' Cédula de Usuario: '+ param_cedula_usuario );
														$('#tipo_de_usuario_busq').text(' Tipo de Usuario: '+ param_tipo_usuario );
														$('#fecha_desde_busq').text(' Fecha Desde: '+ param_fecha_desde );
														$('#fecha_hasta_busq').text(' Fecha Hasta: '+ param_fecha_hasta );
        												
        												setTimeout(function() 
														{
															$('#grid_consultar').html(data);
									        				$('#grid_consultar').show('fast');
														}, 1000);
        												
        												
									        			
									        		}); 
		
		}
		
		function showDetalleUsuario($id)
		{
			$("#consultar_usuario").hide("slow");
			$.get("/BackEndRecursosHumanos/Users/getDetalleUsuario/"+$id, function(data) {
																	        												$('#grid_consultar').hide('fast');
																	        												$("#link").hide("fast");
																	        												setTimeout(function() 
																															{
																																$('#form_detalle').html(data);
																										        				$('#form_detalle').show('fast');
																															}, 1000);
																	        												
																	        												
																										        			
																										        		});
		}
		
		function showEditUsuario($id)
		{
			
			$("#consultar_usuario").hide("slow");
			$.get("/BackEndRecursosHumanos/Users/getEditUsuario/"+$id, function(data) {
																	        												$('#grid_consultar').hide('fast');
																	        												$("#link").hide("fast");
																	        												setTimeout(function() 
																															{
																																$('#form_detalle').html(data);
																										        				$('#form_detalle').show('fast');
																															}, 1000);
																	        												
																	        												
																										        			
																										        		});
		}
		
		
	</script>
	
	<script language="JavaScript">
		function validar_fechas()
		{
			var calendar_desde = new Date(document.getElementById('Consult_EventoDesdeFecha').value);
			var calendar_hasta = new Date(document.getElementById('Consult_EventoDesdeFecha').value);
			
			alert(calendar_desde < calendar_hasta);
			
		}
	</script>
	
	
</head>
<body onload="llenar_datos();">
	
	
		<center>
			<fieldset id="consultar_usuario">
				<legend>Consultar Usuario</legend>
				<center>
					<table>
						<tr>
							<td style="width:10%">
								<center>
									<div id="link" style="display: none">
									<b>
										<label>Parametros de Busqueda:</label>
									</b>
										<li>
											<b>
												<label id="tipo_de_busq"></label>
											</b>
										</li>
										<li>
											<b>
												<label id="nombre_usuario_busq"></label>
											</b>
										</li>
										<li>
											<b>
												<label id="cedula_usuario_busq"></label>
											</b>
										</li>
										<li>
											<b>
												<label id="tipo_de_usuario_busq"></label>
											</b>
										</li>
										<li>
											<b>
												<label id="fecha_desde_busq"></label>
											</b>
										</li>
										<li>
											<b>
												<label id="fecha_hasta_busq"></label>
											</b>
										</li>
										
									<br />
									<a onclick="showBuscador();" href="#">
									<img id="blah" src="/BackEndRecursosHumanos/app/webroot/img/lupa.png" alt="your image" width="30px" height="30px" />
									<br />
									Nueva Busqueda
									</a>
									<br />
								</div>
									<fieldset id="buscador" style="width: 70%">
										<legend><b>Buscador</b></legend>
										<?php echo $this->Form->create('Consult_Usuario'); ?>
										<table >					
											<tr>
												<td style="text-align: center; vertical-align: middle;">
													<center>
													<table>
														<tr>
															<td style="text-align: center; vertical-align: middle">
																				
																<?php
																
																	echo $this->Form->input('tipo_de_busqueda',array(
																																		
																													'options' => array($tipo_busq),
																													'label' => array(
																																		'text' => 'Cuentas a buscar',
																																		'style' => array(
																																							'font-weight: bold;',
																																							'font-style: italic;'
																																						)
																																						
																																	)
																													 
																									               )
																							 );
																?>
															</td>
														</tr>
														<tr>
															<td >
																<center>
																	<table>
																		
																		<tr>
																			<td>
																				<center>
																					<?php
								
																						echo $this->Form->input('nombre_usuario_busq',array(
																																							
																																		'type' => 'search',
																																		'class' => 'buscador',
																																		
																																		'label' => array(
																																							'text' => 'Nombre del Usuario',
																																							'style' => array(
																																												'font-weight: bold;',
																																												'font-style: italic;'
																																											)
																																											
																																						)
																																		 
																														               )
																												 );
																					?>
																				</center>
																			</td>
																			<td>
																				<center>
																				<?php
										
																					echo $this->Form->input('cedula_usuario_busq',array(
																																						
																																	'type' => 'search',
																																	'class' => 'buscador',
																																	'label' => array(
																																						'text' => 'Nro. de Cédula del Usuario',
																																						'style' => array(
																																											'font-weight: bold;',
																																											'font-style: italic;'
																																										)
																																										
																																					)
																																	 
																													               )
																											 );
																				?>
																				</center>
																			</td>
																			<td style="text-align: center; vertical-align: middle">				
																				<?php
																				
																					echo $this->Form->input('tipo_de_usuario',array(
																																						
																																	'options' => array($tipo_cuentas),
																																	'label' => array(
																																						'text' => 'Tipo de Cuenta',
																																						'style' => array(
																																											'font-weight: bold;',
																																											'font-style: italic;'
																																										)
																																										
																																					)
																																	 
																													               )
																											 );
																				?>
																		
															 
																			</td>
																			
																		</tr>
																	</table>
																</center>
															</td>
															
														</tr>
														<tr>
															
															<td style="text-align: center; vertical-align: middle;">
																<center>
														 			<label style="font-weight: bold; font-style: italic;">Rango de Fechas</label>
														 			<table>
														 				<tr>
														 					
														 					<td style="text-align: center; vertical-align: middle;>
														 						<center>
														 						<?php echo $this->Form->input('calendario_desde_fecha', array(
														 																			'readonly',
														 																			
														 																			'style' => array(
														 																								'cursor: pointer;',
														 																								'text-align: center;',
														 																								'width: 70%;'
																																					),		
														 																			'label' => array(
																																					'text' => 'Desde',
																																					
																																					'style' => array(
																																										'font-weight: bold;',
																																									)
																																									
																																				)
																																  )
																										     );
																						
																					
														 						?>
														 						</center>
														 					</td>
														 					
														 				
														 					
														 				
														 					
														 					<td style="text-align: center; vertical-align: middle;>
														 						<center>
														 						<?php 
												 									 echo $this->Form->input('calendario_hasta_fecha', array(
																															'readonly',
																															'style' => array(
																																				'cursor: pointer;',
																																				'text-align: center;',
														 																						'width: 70%;'
																																			),		
																															'label' => array(
																																				'text' => 'Hasta',
																																				'style' => array(
																																									'font-weight: bold;'
																																								)
																																							
																																			)
																														  )
																								     );
																						
														 						?>
														 						</center>
														 					</td>
														 					
														 				</tr>
														 			</table>
																</center>
													 		</td>	
														</tr>
														<tr>
															<td>
																<center>
																	<button style="vertical-align: middle; text-align: center" onclick="showGridConsulUsuario();" class ="boton_regular" type="button" onclick="seleccionar_todos(true);">
																		<center>
																			Buscar &nbsp; <img src="/BackEndRecursosHumanos/img/search.png"  alt="CakePHP" style="cursor: pointer;width: 15px;">
																		</center>
																	</button>
																</center>
															</td>
														</tr>
													
													</table>
													</center>
												</td>
																	
																 		
										 	</tr>
										 </table>
										 <?php echo $this->Form->end();?>
								 	</fieldset>
								 </center>
							 </td>
						</tr>
						<tr>
							 <td id = 'grid_consultar' style="display: none">
									
							 </td>
						 </tr>
						
					</table>
					
				</center>
			</fieldset>
			<fieldset id="form_detalle" style="display: none">
				
			</fieldset>
		</center>

	
	
</body>